$(document).ready(function(){
    $(document).on('click', "[id^='test_add']", function(){
        // 此时的对象是span(this)
        // 而select（无论left/right的id在生成的时候也是this，但是当时的Input的id）
        var l_value = $("#" + this.parentNode.childNodes[1].id + " option:selected").val();
        var l_text = $("#" + this.parentNode.childNodes[1].id + " option:selected").text();
        if (l_value != undefined) {
            var l_selObj = $("#" + this.parentNode.childNodes[5].id);  
            l_selObj.append("<option value='"+l_value+"'>"+l_text+"</option>");  
            $("#" + this.parentNode.childNodes[1].id + " option:selected").remove();
            var sub_life_cycle_all = $("#" + this.parentNode.childNodes[5].id + " option").map(function(){
                return $(this).val();
            }).get().join(",");
            this.parentNode.childNodes[6].value = this.parentNode.childNodes[0].nodeValue + ":" + sub_life_cycle_all + ";";
        }
    });

    $(document).on('click', "[id^='test_del']", function(){
        var r_value = $("#" + this.parentNode.childNodes[5].id + " option:selected").val();
        var r_text = $("#" + this.parentNode.childNodes[5].id + " option:selected").text();
        if (r_value != undefined) {
            var r_selObj = $("#" + this.parentNode.childNodes[1].id);  
            r_selObj.append("<option value='"+r_value+"'>"+r_text+"</option>");  
            $("#" + this.parentNode.childNodes[5].id + " option:selected").remove();
            var sub_life_cycle_all = $("#" + this.parentNode.childNodes[5].id + " option").map(function(){
                return $(this).val();
            }).get().join(",");
            this.parentNode.childNodes[6].value = this.parentNode.childNodes[0].nodeValue + ":" + sub_life_cycle_all + ";";
//            $("#hide_sub_life_cycle").val(this.parentNode.childNodes[1].id + ":" + sub_life_cycle_all + ";");
        }
    });
    
    $("#sub_lifecycle_sum").click(function(){
    	$("#hide_sub_life_cycle").val("");
    	for(i=0; i < $("input[class='sub_life_c']").length; i++) {
    		$("#hide_sub_life_cycle").val($("#hide_sub_life_cycle").val() + $("input[class='sub_life_c']")[i].value);
    	}
    });
    

    $(".sub_check").change(function(){
    	var text_list = $("#lifecycle_text_sum").val().split(",");
    	var val_list = $("#lifecycle_val_sum").val().split(",");
    	
        if($("#" + this.id).prop("checked")) {
            left_select = $("<select size=2 width='3' id='left_" + $("#" + this.id).val() + "_" +  this.id + "'></select>")
            right_select = $("<select size=2 id='right_" + $("#" + this.id).val() + "_" + this.id + "'></select>")

            //每次循环生成项目启动，项目周期等。加入到Select中
            for(i = 0; i < text_list.length; i ++) {
                option = $("<option id='" + val_list[i] + "' value='" + val_list[i] + "'>" + text_list[i] + "</option>");
                left_select.append(option);
            }

            var add = $('<span style="background-color:blue; color:white">添加</span>').attr("id", "test_add" + this.id);
            
            var del = $("<span style='background-color:blue; color:white'>删除</span>").attr("id", "test_del" + this.id);
            var sub_div_child = $("<div></div>").attr("id", "sub_div_child" + this.id);
            
            var t = $("<input class='sub_life_c' type='hidden'>")

            $("#sub_div").append(sub_div_child);
            $("#sub_div_child" + this.id).append($("#" + this.id).val())
								            .append(left_select)
								            .append(add)
								            .append("&nbsp;&nbsp;")
								            .append(del)
								            .append(right_select)
								            .append(t);

        } else if(!$("#" + this.id).prop("checked")) {
            $("#sub_div_child" + this.id).empty();
        }
        
        
        
    });
    
    
    
});
